@charset "utf-8";
/* CSS Document */


body, td, th {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000;
}
body {
	background: #274696;
	margin: 0px;
	background: url(../images/bg.jpg) no-repeat;
	overflow: hidden;
}
.quyu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 1024px;
	overflow: hidden;
	z-index: 1;
	overflow-x:hidden;
	overflow-y:hidden;
}
#sytitle {
	position: absolute;
	width: 634px;
	height: 89px;
	left: 119px;
	top: 37px;
	text-align: center;
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2);
	z-index: 2;
}
#times {
	position: absolute;
	top: 10px;
	left: 930px;
	width: 60px;
	height: 60px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 28px;
	background: url(../images/time.png);
	display: none;
	z-index: 99;
}
#star {
	position: absolute;
	left: 746px;
	top: 179px;
	width: 194px;
	height: 197px;
	z-index: 2;
	background: url(../images/login.png) left no-repeat;
	cursor: pointer;
}
#star:hover {
	background: url(../images/login1.png) left no-repeat;
}
#star:active {
	
	background: url(../images/login1.png) left no-repeat;
}
#register {
	position: absolute;
	left: 952px;
	top: 180px;
	width: 194px;
	height: 197px;
	z-index: 2;
	background: url(../images/user.png) left no-repeat;
	cursor: pointer;
	background-image: url(../images/reg.png);
}
#register:hover {
	background: url(../images/reg1.png) left no-repeat;
}
#register:active {

	background: url(../images/reg1.png) left no-repeat;
}
#chooseid {
	position: absolute;
	width: 383px;
	height: 580px;
	z-index: 3;
	left: 315px;
	top: -90px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#chooseidtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 383px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#choose {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 383px;
	font-size: 18px;
}
#list1 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l1.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list1:hover {
	color: #fff;
	background: url(../images/l11.jpg) 0px -5px no-repeat;
}
#list1:active {
	color: #fff;
	background: url(../images/l11.jpg) 0px -5px no-repeat;
}
#list2 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l2.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list2:hover {
	color: #fff;
	background: url(../images/l22.jpg) 0px -5px no-repeat;
}
#list2:active {
	color: #fff;
	background: url(../images/l22.jpg) 0px -5px no-repeat;
}
#list3 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l3.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list3:hover {
	color: #fff;
	background: url(../images/l33.jpg) 0px -5px no-repeat;
}
#list3:active {
	color: #fff;
	background: url(../images/l33.jpg) 0px -5px no-repeat;
}
#list4 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l4.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list4:hover {
	color: #fff;
	background: url(../images/l44.jpg) 0px -5px no-repeat;
}
#list4:active {
	color: #fff;
	background: url(../images/l44.jpg) 0px -5px no-repeat;
}
#list5 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l5.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list5:hover {
	color: #fff;
	background: url(../images/l55.jpg) 0px -5px no-repeat;
}
#list5:active {
	color: #fff;
	background: url(../images/l55.jpg) 0px -5px no-repeat;
}
#list6 {
	clear: both;
	border-bottom: #CCC solid 1px;
	background: url(../images/l6.jpg) 0px -5px no-repeat;
	color: #666;
	float: left;
	width: 383px;
	line-height: 70px;
	height: 70px;
	text-align: left;
	text-indent: 105px;
	cursor: pointer;
}
#list6:hover {
	color: #fff;
	background: url(../images/l66.jpg) 0px -5px no-repeat;
}
#list6:active {
	color: #fff;
	background: url(../images/l66.jpg) 0px -5px no-repeat;
}
#chooseidbottom {
	position: absolute;
	width: 383px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#denglu {
	position: absolute;
	left: 95px;
	width: 200px;
	height: 60px;
	line-height: 60px;
}
#infoid {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infoidtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#info {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: left;
	font-size: 18px;
	line-height: 60px;
}
#infoidbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#sfztishi {
	position: absolute;
	top: 0px;
	left: 330px;
	width: 300px;
	font-size: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	line-height: 35px;
}
#gonext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
.btn:hover {
	color: #FFF;
	
	font-size: 20px;
}
.btn:active {
	color: #FFF;
	top: 2px;
	
	font-size: 20px;
}
.btn {
	position: relative;
	 float:left; 
  margin:0 auto 1%; 
  color:green;
  font-size:1.5em;
  text-align:center; 
  height:4.5em; 
  font-weight:300;
  overflow:hidden;
  padding:.75em 1em;
  cursor:pointer;
  border-bottom-style:solid 1px;
  background:#CCFF99;
  transition:all 0.3s ease-out;
}
#zhuangtai {
	position: absolute;
	width: 800px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 12px;
	left: 110px;
	display: none;
	top: 20px;
	background: #fff;
	z-index: 2;
	overflow: hidden;
}
#pchoose {
	clear: both;
	margin-left: 5px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	background: #F60;
	background: url(../images/titlebg.jpg);
	height: 40px;
	width: 215px;
	
	font-weight: bold;
	cursor: pointer;
}
#pchooselist {
	position: absolute;
	width: 180px;
	left:0px;
	height: 783px;
	overflow: hidden;
	background: #FFF;
	border-radius: 0px;
	left: 0px;
	
	z-index: 100;
	box-shadow: 0 0 0.1px rgba(0, 0, 0, 0.1);
}
.swiper-pchooselist {
	width: 200px;
	height: 590px;
}
.scrollbar-pchooselist {
	background: none;
	position: absolute;
	right: 3px;
	top: 0;
	height: 100%;
	width: 5px;
}
.scrollbar-pchooselist .swiper-scrollbar-drag {
	background: rgba(0,0,0,0.3);
}
#pchooselist .plist {
	position:absolute;
	clear: both;
	float: left;
	width: 180px;
	height: 210px;
	margin: 0px;
	border: #CCC solid 1px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size:15px;
	border-radius: 0px;
}
#pchooselist .plist:hover {
	color: #FFF;
	background: #F60;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#pchooselist .plist:active {
	color: #FFF;
	top: 4px;
	background: #F60;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#product {
	position: absolute;
	width: 1480px;
	height: 1023px;
	overflow: hidden;
	left: 11px;
	top: 197px;
	z-index: 2;
}
#product .arrow-left:hover {
	background: url(../images/arrow-left1.png) no-repeat;
}
#product .arrow-left:active {
	background: url(../images/arrow-left1.png) no-repeat;
	opacity: 0.5;
}
#product .arrow-left {
	background: url(../images/arrow-left.png) no-repeat;
	position: absolute;
	left: 190px;
	top: 420px;
	margin-top: -70px;
	width: 80px;
	height: 80px;
	z-index: 99;
}
#product .arrow-right:hover {
	background: url(../images/arrow-right1.png) no-repeat;
}
#product .arrow-right:active {
	background: url(../images/arrow-right1.png) no-repeat;
	opacity: 0.5;
}
#product .arrow-right {
	background: url(../images/arrow-right.png) no-repeat left bottom;
	position: absolute;
	right: 220px;
	top: 420px;
	margin-top: -70px;
	width: 80px;
	height: 79px;
	z-index: 99;
}
.swiper-parent {
	width: 920px;
	height: 840px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.pagination-parent {
	position: absolute;
	left: 152px;
	top:805px;
	text-align: center;
	bottom: 851px;
	width: 1105px;
	z-index: 99;
}
.pagination-parent .swiper-pagination-switch {
	display: inline-block;
	width: 50px;
	height: 3px;
	border-radius: 0px;
	background: #000;
	margin: 0 0px;
	cursor: pointer;
	opacity: 0.2;
}
.pagination-parent .swiper-active-switch {
	background: #fff;
}
.pro:hover {
	color: #FFF;
	background: #F60;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.pro:active {
	color: #FFF;
	top: 4px;
	background: #F60;
}
.pro {
	float: left;
	width: 215px;
	margin: 0.5px;
	height: 260px;
	overflow: hidden;
	font-weight: bold;
	background: #fff;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 0px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.0);
	text-align: center;
}
.jiage {
	color: #F00;
}
#proinfoid {
	position: absolute;
	width: 1220px;
	height: 800px;
	z-index: 4;
	left: 20px;
	top: 200px;
	background: #FFF;
	--display: none;
	border:thin;
	--box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	
}
#proinfotitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 1220px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	--text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 0px 0px 0px 0px;
	
}
#proinfo {
	position: absolute;
	top: 90px;
	left: 25px;
	width:1200px;
	text-align: left;
	line-height: 20px;
	height:500px;
}
#proinfobottom {
	position: absolute;
	width: 1220px;
	height: 60px;
	left: 0px;
	top:650px;
	bottom: 20px;
}
#pay1 {
	position: absolute;
	width: 350px;
	height: 90px;
	line-height: 60px;
	left: 400px;
	--top:350px;
	
	
}
#pay2 {
	position: absolute;
	width: 350px;
	height: 90px;
	line-height: 60px;
	left: 700px;
	--top:850px;
}
#pay3 {
	position: absolute;
	width: 160px;
	height: 90px;
	line-height: 60px;
	left: 1030px;
	--top:900px;
}
.j:hover {
	color: #FFF;
	background: #F60;
	font-size: 28px;
	background: url(../images/bnt1.png);
}
.j:active {
	color: #FFF;
	top: 2px;
	background: #F60;
	font-size: 28px;
	background: url(../images/bnt1.png);
}
.j {
	position: relative;
	margin: 5px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	font-weight: bold;
	background: #06F;
	color: #FFF;
	cursor: pointer;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background: url(../images/bnt.png);
}
#infosk {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infosktitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#sk {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: center;
	font-size: 18px;
	color: #666;
	line-height: 60px;
}
#infoskbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#knum {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	clear: both;
	width: 280px;
	font-size: 25px;
	line-height: 30px;
	border: none;
}
#kpass {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #666;
	clear: both;
	width: 200px;
	font-size: 25px;
	line-height: 30px;
}
#donghua {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
	height: 220px;
	overflow: hidden;
}
#sknext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
#infoload {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infoloadtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#load {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
}
#infoloadbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#loadnext {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 240px;
}
#infook {
	position: absolute;
	width: 680px;
	height: 400px;
	z-index: 4;
	left: 170px;
	top: 150px;
	background: #FFF;
	display: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}
#infooktitle {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #F60;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 680px;
	line-height: 60px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	border-radius: 20px 20px 0px 0px;
	background: url(../images/titlebg.jpg) repeat-x;
}
#ok {
	position: absolute;
	top: 90px;
	left: 25px;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
}
#infookbottom {
	position: absolute;
	width: 680px;
	height: 60px;
	left: 0px;
	bottom: 20px;
}
#printok {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 120px;
}
#fhok {
	position: absolute;
	width: 200px;
	height: 60px;
	line-height: 60px;
	left: 360px;
}
.cashbg {
	position: absolute;
	top: 0px;
	left: 330px;
	clear: both;
	width: 300px;
	height: 100px;
	line-height: 105px;
	background: #090;
	color: #FFF;
	font-size: 52px;
	font-family: "微软雅黑";
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	z-index: 2;
	overflow: hidden;
}
.cashmarst {
	position: absolute;
	top: 0px;
	left: 330px;
	clear: both;
	width: 300px;
	height: 100px;
	background: url(../images/countmarst.png);
	z-index: 4;
}
#dh {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 310px;
	height: 220px;
	overflow: hidden;
}
#dhtishi {
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	top: 120px;
	left: 320px;
	width: 380px;
	height: 220px;
	overflow: hidden;
}
#telinfo {
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	top: 120px;
	left: 320px;
	width: 380px;
	height: 220px;
	overflow: hidden;
	display: none;
}
#tel {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-style: oblique;
	color: #666;
	clear: both;
	width: 300px;
	border: 0px;
	border-bottom: #666 solid 2px;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: 2px;
}
#goback {
	float: left;
	margin-left: 30px;
	width: 100px;
	height: 60px;
	line-height: 60px;
}
#regquka {
	float: left;
	margin-left: 200px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	display: none;
}
#regnext {
	float: right;
	margin-right: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	display: none;
}
#regprint {
	float: right;
	margin-right: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	display: none;
}
.red {
	color: #F00;
}
.blue {
	color: #03F;
}
.green {
	color: #060;
}

#TimerArea{
	position: absolute;
	top: 179px;
	left: 137px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 391px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/timer.png);
	 }
#Timer{
	position: absolute;
	top: 220px;
	left: 155px;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 10px;
	font-weight: bold;
	width: 269px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;

	 }
	 
	 #Timer2{
	position: absolute;
	top: 170px;
	left: 255px;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 48px;
	font-weight: bold;
	width: 272px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 68px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	


	 }
	 
	 #Weather
	 {
		position: absolute;
		top: 410px;
		left: 255px;
		color: #FFF;
		text-align: left;
		text-indent: 20px;
		font-size: 48px;
		font-weight: bold;
		width: 272px;
		line-height: 193px;
		letter-spacing: 2px;
		height: 68px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
		border-radius: 0px 0px 0px 0px;
		

	 }
	 
	 
	  #Weather2{
	position: absolute;
	top: 470px;
	left: 255px;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 272px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 68px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	


	 }
	 
#WeatherArea
{
	position: absolute;
	top: 403px;
	left: 135px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 393px;
	line-height: 160px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/weather.png);
	 }

	#GadgetA
	{
	position: absolute;
	top: 179px;
	left: 542px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 193px;
	line-height: 160px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	
	 }

	 #GadgetB
	{
	position: absolute;
	top: 401px;
	left: 538px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 406px;
	line-height: 160px;
	letter-spacing: 0px;
	height: 196px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 }

	#GadgetC
	{
	position: absolute;
	top: 403px;
	left: 951px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 197px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 193px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 }
	 
	 
	 #FunctionA
	 {
	position: absolute;
	top: 746px;
	left: 133px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 329px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/话费充值bnt.png);
	 }
#FunctionA:hover {
	background: url(../images/话费充值bnt1.png) left no-repeat;
}
#FunctionA:active {
	
	background: url(../images/话费充值bnt1.png) left no-repeat;
}
 #FunctionB
	 {
	position: absolute;
	top: 746px;
	left: 477px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 328px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/力麒在线购物bnt.png);
	 }
	 #FunctionB:hover {
	background: url(../images/力麒在线购物bnt1.png) left no-repeat;
}
#FunctionB:active {
	
	background: url(../images/力麒在线购物bnt.png) left no-repeat;
}
 #FunctionC
	 {
	position: absolute;
	top: 746px;
	left: 820px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 330px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 198px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	background-image: url(../images/流动人员登记bnt.png);
	 }
#FunctionC:hover {
	background: url(../images/流动人员登记bnt1.png) left no-repeat;
}
#FunctionC:active {
	
	background: url(../images/流动人员登记bnt1.png) left no-repeat;
}
#LOGO
{
	position: absolute;
	top: 30px;
	left: 120px;
	

	width: 398px;
	height: 76px;
	
	background-image: url(../images/LOGO.png);
}
#Task_title
{
	position: absolute;
	top: 39px;
	left: 47px;
	

	width: 211px;
	height: 77px;
	
	background-image: url(../images/任务标题-话费充值.png);
}

#LoginArea
{
	position: absolute;
	top: 60px;
	left: 938px;
	width: 117px;
	height: 40px;
	background-image: url(../images/会员登录A.png);
}

#Register
{
	position: absolute;
	top: 60px;
	left: 1099px;
	width: 121px;
	height: 40px;
	background-image: url(../images/会员注册A.png);
}

#Navigation
{
	position: absolute;
	top: 179px;
	left: 80px;
	width: 634px;
	height: 68px;
	background-image: url(../images/充值导航1.png);
	
}

#NavigationBG
{
	position: absolute;
	top: 152px;
	left: 38px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 1205px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 108px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	border: 1px solid #dedede; 
	
}

#KeyBoardBG
{
position: absolute;
	top: 367px;
	left: 38px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 727px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 471px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	 border: 1px solid #dedede; 
}

#KeyBoardBG1
{
position: absolute;
	top: 367px;
	left: 779px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 463px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 471px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
	border: 1px solid #dedede; 
}

#chellPhoneNumber
{
position: absolute;
	top: 439px;
	left: 104px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 485px;
	line-height: 82px;
	letter-spacing: 2px;
	height: 81px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);

}

#k0_bnt
 {
	position: absolute;
	top: 649px;
	left: 620px;
	width: 97px;
	
	height: 93px;
	
	background-image: url(../images/00_bnt.png);
	 }
#k0_bnt:hover {
	background: url(../images/00_bnt1.png) left no-repeat;
}
#k0_bnt:active {
	
	background: url(../images/00_bnt1.png) left no-repeat;
}



#k1_bnt
 {
	position: absolute;
	top: 541px;
	left: 111px;
	width: 97px;
	letter-spacing: 2px;
	height: 93px;
	
	background-image: url(../images/01_bnt.png);
	 }
#k1_bnt:hover {
	background: url(../images/01_bnt1.png) left no-repeat;
}
#k1_bnt:active {
	
	background: url(../images/01_bnt1.png) left no-repeat;
}


#k2_bnt
 {
	position: absolute;
	top: 542px;
	left: 239px;
	width: 97px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 93px;
	
	background-image: url(../images/02_bnt.png);
	 }
#k2_bnt:hover {
	background: url(../images/02_bnt1.png) left no-repeat;
}
#k2_bnt:active {
	
	background: url(../images/02_bnt1.png) left no-repeat;
}


#k3_bnt
 {
	position: absolute;
	top: 540px;
	left: 365px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/03_bnt.png);
	 }
#k3_bnt:hover {
	background: url(../images/03_bnt1.png) left no-repeat;
}
#k3_bnt:active {
	
	background: url(../images/03_bnt1.png) left no-repeat;
}


#k4_bnt
 {
	position: absolute;
	top: 539px;
	left: 493px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/04_bnt.png);
	 }
#k4_bnt:hover {
	background: url(../images/04_bnt1.png) left no-repeat;
}
#k4_bnt:active {
	
	background: url(../images/04_bnt1.png) left no-repeat;
}


#k5_bnt
 {
	position: absolute;
	top: 540px;
	left: 619px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/05_bnt.png);
	 }
#k5_bnt:hover {
	background: url(../images/05_bnt1.png) left no-repeat;
}
#k5_bnt:active {
	
	background: url(../images/05_bnt1.png) left no-repeat;
}


#k6_bnt
 {
	position: absolute;
	top: 648px;
	left: 110px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/06_bnt.png);
	 }
#k6_bnt:hover {
	background: url(../images/06_bnt1.png) left no-repeat;
}
#k6_bnt:active {
	
	background: url(../images/06_bnt1.png) left no-repeat;
}


#k7_bnt
 {
	position: absolute;
	top: 648px;
	left: 237px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/07_bnt.png);
	 }
#k7_bnt:hover {
	background: url(../images/07_bnt1.png) left no-repeat;
}
#k7_bnt:active {
	
	background: url(../images/07_bnt1.png) left no-repeat;
}


#k8_bnt
 {
	position: absolute;
	top: 649px;
	left: 366px;
	width: 99px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/08_bnt.png);
	 }
#k8_bnt:hover {
	background: url(../images/08_bnt1.png) left no-repeat;
}
#k8_bnt:active {
	
	background: url(../images/08_bnt1.png) left no-repeat;
}


#k9_bnt
 {
	position: absolute;
	top: 648px;
	left: 493px;
	width: 94px;
	height: 96px;
	
	background-image: url(../images/09_bnt.png);
	 }
#k9_bnt:hover {
	background: url(../images/09_bnt1.png) left no-repeat;
}
#k9_bnt:active {
	
	background: url(../images/09_bnt1.png) left no-repeat;
}


#k20_bnt
 {
	position: absolute;
	top: 503px;
	left: 815px;
	width: 94px;
	height: 92px;
	background-image: url(../images/20_bnt.png);
	 }
#k20_bnt:hover {
	background: url(../images/20_bnt1.png) left no-repeat;
}
#k20_bnt:active {
	
	background: url(../images/20_bnt1.png) left no-repeat;
}


#k30_bnt
 {
	position: absolute;
	top: 499px;
	left: 947px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/30_bnt.png);
	 }
#k30_bnt:hover {
	background: url(../images/30_bnt1.png) left no-repeat;
}
#k30_bnt:active {
	
	background: url(../images/30_bnt1.png) left no-repeat;
}


#k50_bnt
 {
	position: absolute;
	top: 500px;
	left: 1074px;
	width: 94px;
	height: 92px;
	background-image: url(../images/50_bnt.png);
	 }
#k50_bnt:hover {
	background: url(../images/50_bnt1.png) left no-repeat;
}
#k50_bnt:active {
	
	background: url(../images/50_bnt1.png) left no-repeat;
}


#k100_bnt
 {
	position: absolute;
	top: 641px;
	left: 814px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/100_bnt.png);
	 }
#k100_bnt:hover {
	background: url(../images/100_bnt1.png) left no-repeat;
}
#k100_bnt:active {
	
	background: url(../images/100_bnt1.png) left no-repeat;
}


#k150_bnt
 {
	position: absolute;
	top: 640px;
	left: 948px;
	width: 94px;
	
	height: 92px;
	
	background-image: url(../images/150_bnt.png);
	 }
#k150_bnt:hover {
	background: url(../images/150_bnt1.png) left no-repeat;
}
#k150_bnt:active {
	
	background: url(../images/150_bnt1.png) left no-repeat;
}


#k200_bnt
 {
	position: absolute;
	top: 639px;
	left: 1073px;
	width: 94px;
	height: 92px;
	
	background-image: url(../images/200_bnt.png);
	 }
#k200_bnt:hover {
	background: url(../images/200_bnt1.png) left no-repeat;
}
#k200_bnt:active {
	
	background: url(../images/200_bnt1.png) left no-repeat;
}

#delete_bnt
 {
	position: absolute;
	top: 452px;
	left: 618px;
	width: 98px;
	height: 59px;
	
	background-image: url(../images/delete_bnt.png);
	 }
#delete_bnt:hover {
	background: url(../images/delete_bnt1.png) left no-repeat;
}
#delete_bnt:active {
	
	background: url(../images/delete_bnt1.png) left no-repeat;
}

#tip_img
 {
	position: absolute;
	top: 323px;
	left: 817px;
	width: 160px;
	line-height: 193px;
	letter-spacing: 2px;
	height: 96px;
	
	background-image: url(../images/TipCharge_title.png);
}

#cellphoneNumberText
{
	border: 1px solid #ccc;
    padding: 2px;
	height: 36px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

#ToolBar
{
	position: absolute;
	border: 0px solid #ccc;
	top:131px;
	left: 0px;
	padding-left:20px;
    padding-right:15px;
	padding-top:0px;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-indent: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 1280px;
	line-height: 55px;
	letter-spacing: 2px;
	height: 42px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 0px 0px;
	background-color:rgba(255,255,255,0.1);
}

p1{
  text-align:center;
  --font-size:0.8em;
  font-weight:bold;
  margin:0px 0 0px 0;
 text-align:left; 
}
			.zebra {
			width:760px;
			height:400px;
			}
			.zebra td, 
			.zebra th {
				padding: 10px;
				border-bottom: 1px dashed #0000;
			}
			.zebra .alternate,
			.zebra tbody tr:nth-child(even) {
				background: #f5f5f5;
				-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
				-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
				box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
				

			}
			.zebra th {
				border-bottom: 1px dashed #000;
				text-align: left;
				text-shadow: 0 1px 0 rgba(255,255,255,.5);
				border-bottom: 1px dashed#000000;
				background-color: #eee;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
				background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
				background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
				background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
				background-image: -o-linear-gradient(top, #f5f5f5, #eee);
				background-image: linear-gradient(top, #f5f5f5, #eee);
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee);
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#eeeeee)";
			}
			.zebra th:first-child {
				-moz-border-radius: 6px 0 0 0;
				-webkit-border-radius: 6px 0 0 0;
				border-radius: 0px 0 0 0;
			}
			.zebra th:last-child {
				-moz-border-radius: 0 6px 0 0;
				-webkit-border-radius: 0 6px 0 0;
				border-radius: 0 0px 0 0;
			}
			.zebra tfoot td {
				border-bottom: 0;
				border-top: 1px solid #0000;
				background-color: #f1f1f1;
			}
			.zebra tfoot td:first-child {
				-moz-border-radius: 0 0 0 6px;
				-webkit-border-radius: 0 0 0 6px;
				border-radius: 0 0 0 0px;
			}
			.zebra tfoot td:last-child {
				-moz-border-radius: 0 0 6px 0;
				-webkit-border-radius: 0 0 6px 0;
				border-radius: 0 0 0px 0;
				border-bottom: 1px dashed #0000;
			}
.wrap{margin:0px auto 0 auto;width:760px;position: absolute;left:20px}
.tabs{height:40px;}
.tabs a{display:block;float:left;width:33.33%;color:#333;text-align:center;background:#eee;line-height:40px;font-size:16px;text-decoration:none;}
.tabs a.active{color:#fff;background:#ff8822     ;border-radius:0px 0px 0px 0px;}
.wrap swiper-container{background:#ff7755;height:325px;border-radius:0 0 5px 5px;width:100%;border-top:0;top=0px;}
.wrap swiper-container swiper-slide{height:325px;width:500px;background:none;color:#fff;}
.wrap swiper-container swiper-slide content-slide{padding:1px;}
.wrap swiper-container swiper-slide content-slide p{text-indent:2em;line-height:1.9;}
